/* instructions de mise en forme g�n�rale*/
body {
	font-family:Verdana, "Arial", Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: white url(../image/fond.jpg) repeat;
}

/* instructions de mise en forme du document afin de positionner les �l�ments constitutifs de la page */
#conteneur {
	position: absolute;
	width: 100%;  /* le conteneur occupe 100% de la largeur de l'�cran */
}

#entete {
	height: 80px;  /* hauteur de la zone d'ent�te : 80px */
        background: white ;
}

#contenu {
        position: absolute;
	left: 180px;  /* marge � gauche */
	height:auto;  /* hauteur de l'�l�ment */
	border-width :10px;  /* largeur de la bordure */
	border-color: white;  /* couleur de la bordure */
	border-style:inset;   /* style de la bordure   */
	padding:5px;  /* marge int�rieure de la bordure */
}

#conteneurmenu {
	position:absolute;
	top : 80px; /*d�but de la zonne � partir de 80 px du haut gauche*/
	margin-top:60px;  /* �paisseur de la marge en haut */
	left:0px;  /* position par rapport � la gauche */
	width: 180px;  /* largeur de l'�l�ment */

}

#pied {
	text-align:center;
	background-color:#FF6600;
}

/* mise en forme des titres de niveau 1, 2 et 3 */
h1 { 
	height: 60px; 
	text-align:center;
}

h2 { 
	margin-top: 14px; 
	font-size: 13px; 
	text-align: center; 
	font-style: italic; 
}

h3 { 
	margin-bottom: 14px; 
	font-size: 11px; 
	text-align: center; 
}

/* instructions concernant la mise en forme des images */
img {
	border:none;  /* aucune bordure autour */
}

/* mise en forme des paragraphes appartenant aux classes gauche, droite et centre */
.gauche {
	margin:10px;
	float:left;
}

.droite {
	margin:10px;
	float:right;
}

.centre {
	text-align:center;
}


/* mise en forme du texte contenu dans l'entete */
#entete p {
	text-align:center;
	color:#FF6600;
	font-size:3em;
	margin-top:5px;
	font-family: "Comic Sans MS", georgia, arial;
}

/* mise en forme des listes � puces contenues dans le menu */
#conteneurmenu ul {
	margin:0px;
	padding:0px;
	list-style-image:url('../image/escargot2.jpg');
	list-style-position:inside;
}

#conteneurmenu li {
	margin-top:50px;
	font-family: "Comic Sans MS", georgia, arial;
	font-size:15px;
	font-weight:800;
}

#conteneurmenu a {
	text-decoration:none;
	color:#FF6600;
}

/* mise en forme des lignes de s�paration */
hr {
	margin-left : 60px;
	margin-right: 60px;
	color:#FF6600;

}


/* mise en forme des liens */
a {
	text-decoration:underline;
	color:black;
	font-style:italic;
}

/* mise en forme des liens quand ils sont survol�s */
a:hover, #conteneurmenu a:hover {
	text-decoration: underline overline;
}


